<?php 
	// Informamos el título
	$this->set('title_for_layout','Detalle de Cita');
	
	/**
	 * CSS
	 */
	$this->Html->css(array('aoa-table', 'galleria.azur'), null, array('inline' => false));
	if(isset($cita['Fichero']) && count($cita['Fichero']) > 0) {
		echo "<style>#galleria{ width: 1230px; height: 600px; background: #000 }</style>";
	}
	
	/**
	 * Javascript
	 */
	$this->Html->script(array('galleria-1.2.9', 'galleria.azur.min'), array('inline' => false));
	
	// Menu
	$this->start('menu');		
	echo $this->element('/menu');
	$this->end(); 
?>

<!-- Camino de migas -->
<!-- <ul class="breadcrumb">
    <li><a href="/aoa/">Inicio</a> <span class="divider">/</span></li>
    <li class="active">Detalle Cita</li>
</ul>-->

<!-- Cuerpo -->
<div>
    <fieldset>
        <legend><?php echo __('Detalle de la Cita: ').$cita['Cita']['id']; ?></legend>
        
        <div class="row-fluid">
        	<!-- Nombres -->
        	<div class="span6 contenedor_azul">
        		<h3><?php echo $this->AoaText->primera_letra_mayuscula($cita['Especie']['Especie']['nombreComun'])." (<em>".$cita['Especie']['Especie']['genero']." ".$cita['Especie']['Especie']['especie']."</em>)"; ?></h3>
        		<h4><?php echo $cita['Especie']['Familia']['nombre'];?>, <?php echo $cita['Especie']['OrdenTaxonomico']['nombre'];?></h4>
        	</div>
        	<!-- Figuras de protección -->
        	<div class="span6">
        		<p><?php echo "<span class='label label-info'>".$cita['ClaseReproduccion']['tipoCria']."</span>"." ".$cita['ClaseReproduccion']['descripcion'];?></p>
        		<p><?php echo "<span class='label ".$this->Especie->obtener_color_proteccion_lr($cita['Especie']['ProteccionLr']['codigo'])."'>".$cita['Especie']['ProteccionLr']['nombre']."</span>".__(" según el ")."<em><b>".__("Libro Rojo de las Aves de España")."</b></em>";?></p>
        		<p><?php echo "<span class='label ".$this->Especie->obtener_color_proteccion_clm($cita['Especie']['ProteccionClm']['codigo'])."'>".$cita['Especie']['ProteccionClm']['nombre']."</span>".__(" en ")."<b>".__("Castilla - La Mancha")."</b>";?></p>
        		<p><?php echo "<span class='label label-info'>".$cita['Especie']['EstatusCuantitativoAb']['nombre']."</span>".__(" en ")."<b>".__("Albacete")."</b>";?></p>
        	</div>
        </div>
        <br>
        <div class="row-fluid">
        
        	<!-- Datos cita -->
        	<div class="span6">
        		<p><b>Fecha: </b><?php echo date_format(date_create($cita['Cita']['fechaAlta']), "d/m/Y");?></p>
        		<p><b>Observadores: </b><?php echo $this->Observador->mostrar_nombres_observadores($cita['observadores']);?></p>
        		<table class="table table-striped table-bordered">
        			<caption>Número de individuos</caption>
        			<thead>
        				<tr>
	        				<th>Cantidad</th>
	        				<th>Edad/Sexo</th>
        				</tr>
        			</thead>
        			<tbody>
        				<?php 
        					foreach ($cita['AsoCitaClaseEdadSexo'] as $claseEdadSexo) {
        						echo "<tr>";
        						echo 	"<td style='text-align: center;'>".$claseEdadSexo['cantidad']."</td>";
        						echo 	"<td style='text-align: center;'>".$claseEdadSexo['clase_edad_sexo_nombre']."</td>";
        						echo "</tr>";
        					}
        				?>
        			</tbody>
        		</table>
        		<br>
        		<!-- <p><b>Total: </b><?php echo $cita['Cita']['cantidad'];?></p>-->
        		<p><b>Observaciones: </b><?php echo $cita['Cita']['observaciones'];?></p>
        	</div>
        	
			<!-- Ubicacion -->
        	<div class="span6 contenedor_gris">
        		<div class="span6">
        			<p><b>Paraje: </b><?php echo $cita['Lugar']['Lugar']['nombre'];?></p>
	        		<p><b>Cuadrícula UTM: </b><?php echo $cita['Lugar']['CuadriculaUtm']['codigo'];?></p>
        		</div>
        		<div class="span6">
	        		<p><b>Municipio: </b><?php echo $cita['Lugar']['Municipio']['nombre'];?></p>
	        		<p><b>Comarca: </b><?php echo $cita['Lugar']['Comarca']['nombre'];?></p>
	        	</div>
        		<img alt="Mapa de los municipios de Albacete" src="/aoa/app/webroot/img/mapas/municipiosAB.jpg"/>
        	</div>
        </div>
        
        <br>
        
        <!-- Fotos -->
        <h4>Fotos</h4>
        	<div id="galleria">
			<?php 
				if(isset($cita['Fichero']) && count($cita['Fichero']) > 0) {
					foreach ($cita['Fichero'] as $foto) {
						echo 	'<a href="'.$foto['ruta'].$foto['nombreFisico'].'" class="thumbnail">';
						echo 		'<img src="'.$foto['ruta'].$foto['nombreFisico'].'" alt="'.$foto['descripcion'].'" width="160" height="80" 
										data-big="'.$foto['ruta'].$foto['nombreFisico'].'"
	                    				data-title="'.$this->AoaText->primera_letra_mayuscula($cita['Especie']['Especie']['nombreComun']).'"
	                    				data-description="Foto realizada por '.$cita['Usuario']['email'].' en '.$cita['Lugar']['nombre'].' el '.date_format(date_create($cita['Cita']['fechaAlta']), "d/m/Y").'"/>';  
					    echo 	'</a>';
					} 
				}
				else {
					echo "<p>No hay fotos</p>";
				}
			?>
		</div>
		<br>
	</fieldset>
</div>

<?php 
	if(isset($cita['Fichero']) && count($cita['Fichero']) > 0) {
		echo "<script>Galleria.run('#galleria');</script>";
	}

?>

<!-- Pie -->
<?php 
	$this->start('pie');		
	echo $this->element('/pie');
	$this->end(); 
?>

<!-- Popup Login -->
<?php 
	$this->start('popup_login');		
	echo $this->element('/popup_login');
	$this->end(); 
?>